<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Payments</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <link rel="stylesheet/less" href="./assets/css/index4.less">
    <link rel="stylesheet/less" href="./assets/css/comment.less">
</head>
<body>
    <div class="up">
        <div class="list">
            <div class="up ">
                <div class="icon glyphicon glyphicon-repeat"></div>
                <div class="name">Exchange</div>
            </div>
            <div class="down">
                Convert Currency
            </div>
        </div>
        <div class="list">
            <div class="up ">
                <div class="icon glyphicon glyphicon-repeat" style="background-color: #e36151;"></div>
                <div class="name">Pay a Bill</div>
            </div>
            <div class="down">
                Bills and Invoices
            </div>
        </div>
        <div class="list">
            <div class="up ">
                <div class="icon glyphicon glyphicon-repeat"  style="background-color: #f0c35e;"></div>
                <div class="name">Request</div>
            </div>
            <div class="down">
                Request or Deposit
            </div>
        </div>
        <div class="list">
            <div class="up ">
                <div class="icon glyphicon glyphicon-repeat"  style="background-color: #5d8bd8;"></div>
                <div class="name">Transfer</div>
            </div>
            <div class="down">
                Move and Send
            </div>
        </div>
    </div>
    <div class="xia">
        <div class="left glyphicon glyphicon-signal">

        </div>
        <div class="right">
            <div class="sha">Account Reports</div>
            <div class="down1">See your Payment Statistics</div>
        </div>
    </div>
    <div class="bottom">
        <a href="./2.html" >
            <div class="glyphicon glyphicon-folder-open" >
                <h6>Cards</h6>
            </div>
        </a>
        <a href="./3.html">
            <div class="glyphicon glyphicon-calendar" >
                <h6 >Activity</h6>
            </div>
        </a>
        <a href="./index.html">
            <div class="glyphicon glyphicon-home" ></div>
            <h6>Home</h6>
            <div class="yi"></div>
        </a>
        <a href="./4.html" >
            <div class="glyphicon glyphicon-list-alt" style="color: #6593e1;">
                <h6 style="color: #6593e1;">Payments</h6>
            </div>
        </a>
        <a href="#">
            <div class="glyphicon glyphicon-option-horizontal">
                <h6>More</h6>
            </div>
        </a>
    </div>
</body>
</html>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/wow.min.js"></script>
<script>
    new WOW().init();
</script>